<template>
     <div class="imageChoose" style="width: 100px; height: 100px;" @click="chooseImage">
        <el-icon size="25"><Plus /></el-icon>
     </div>
     <Formdrawer title="选择图片" ref="drawerRef">
        
     </Formdrawer>
</template>

<script setup>
import { ref } from 'vue';
import Formdrawer from './Formdrawer.vue';
const drawerRef = ref(null);
function chooseImage()
{
    drawerRef.value.open();
}
</script>

<style lang="less" scoped>
.imageChoose
{
    @apply bg-gray-100 rounded flex justify-center items-center hover:bg-gray-300;
}
</style>